import React, { useState, useEffect, useRef } from 'react'
import axios from 'axios'
import { useNavigate, Outlet } from 'react-router-dom'
import { useThrottleFn } from 'ahooks';
import './system.css'
import { AntOutline } from 'antd-mobile-icons'
import { Badge, Space } from 'antd-mobile'
const List = (props) => {
    const navigater=useNavigate()
    return (
        <div className='order-liao'>
           <div className="order-title">
                <div className="t1" onClick={() => { window.history.back() }}><svg t="1730286914624" className="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="16962" width="200" height="200"><path d="M622.927311 789.137615c-6.503881 0-13.007763-2.16796-18.066337-7.226535l-231.249118-231.249118c-10.117149-10.117149-15.898377-23.847565-15.898377-39.023289 0-14.45307 5.781228-28.183486 15.898377-39.023288l231.971771-231.971772c10.117149-10.117149 26.015526-10.117149 35.410022 0 10.117149 10.117149 10.117149 26.015526 0 35.410021l-231.249118 231.971772c-0.722653 0.722653-1.445307 2.16796-1.445307 2.890614 0 0.722653 0 2.16796 1.445307 2.890614l231.249118 231.249118c10.117149 10.117149 10.117149 26.015526 0 35.410021-5.058574 5.781228-11.562456 8.671842-18.066338 8.671842z" fill="#2c2c2c" p-id="16963"></path></svg></div>
                <div className="t2"><span>系统消息</span></div>
                <div className="t3"></div>
            </div>
            <div className="system-body">
                <div className="system-time">
                    12-25 17:53
                </div>
                <div className="system-box">
                    <div className="system-zuo">
                        <div className="system-icon">
                        <svg t="1730369793705" className="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="4356" width="200" height="200"><path d="M874.666667 725.333333h21.333333a42.666667 42.666667 0 0 1 0 85.333334H128a42.666667 42.666667 0 0 1 0-85.333334h21.333333a21.333333 21.333333 0 0 0 21.333334-21.333333V426.666667a341.333333 341.333333 0 1 1 682.666666 0v277.333333a21.333333 21.333333 0 0 0 21.333334 21.333333z m-106.666667-21.333333V426.666667a256 256 0 1 0-512 0v277.333333a21.333333 21.333333 0 0 0 21.333333 21.333333h469.333334a21.333333 21.333333 0 0 0 21.333333-21.333333zM426.666667 896h170.666666a42.666667 42.666667 0 0 1 0 85.333333h-170.666666a42.666667 42.666667 0 0 1 0-85.333333z" fill="#ffffff" p-id="4357"></path></svg>
                        </div>
                    </div>
                    <div className="system-you">
                        <span>您的账号在一台新设备上成功登录。如非本人操作,请及时修改密码</span>
                    </div>
                </div>
            </div>
            <div className="system-body">
                <div className="system-time">
                    12-25 17:53
                </div>
                <div className="system-box">
                    <div className="system-zuo">
                        <div className="system-icon">
                        <svg t="1730369793705" className="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="4356" width="200" height="200"><path d="M874.666667 725.333333h21.333333a42.666667 42.666667 0 0 1 0 85.333334H128a42.666667 42.666667 0 0 1 0-85.333334h21.333333a21.333333 21.333333 0 0 0 21.333334-21.333333V426.666667a341.333333 341.333333 0 1 1 682.666666 0v277.333333a21.333333 21.333333 0 0 0 21.333334 21.333333z m-106.666667-21.333333V426.666667a256 256 0 1 0-512 0v277.333333a21.333333 21.333333 0 0 0 21.333333 21.333333h469.333334a21.333333 21.333333 0 0 0 21.333333-21.333333zM426.666667 896h170.666666a42.666667 42.666667 0 0 1 0 85.333333h-170.666666a42.666667 42.666667 0 0 1 0-85.333333z" fill="#ffffff" p-id="4357"></path></svg>
                        </div>
                    </div>
                    <div className="system-you">
                        <span>您的账号在一台新设备上成功登录。如非本人操作,请及时修改密码</span>
                    </div>
                </div>
            </div>
        </div>
    )
}
export default List